<?php
			session_start();
		?>
<!DOCTYPE html>
<html lang="en">
	<head>
		
		<title>Vacation Rentals</title>
		<meta charset="utf-8" />
		<link rel="stylesheet" href="css/bootstrap.css" />
		<link rel="stylesheet" href="css/bootstrap-theme.css" />
		<link rel="stylesheet" href="css/style.css" />
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<script src="js/jquery-1.8.3.min.js"></script>
		<script src="js/bootstrap-datepicker.js"></script>
		<script src="js/bootstrap.js"></script>
	</head>
	<body>
		
		<?php
			include_once 'masterpage/menu-master.php';
		?>	
		<div class="head">
			<div id="myCarousel" class="carousel slide" data-ride="carousel">
				<!-- Carousel indicators -->
				<ol class="carousel-indicators">
					<li data-target="#myCarousel" data-slide-to="0" class="active"></li>
					<li data-target="#myCarousel" data-slide-to="1"></li>
					<li data-target="#myCarousel" data-slide-to="2"></li>
				</ol>
				<!-- Carousel items -->
				<div class="carousel-inner">
					<div class="item active">

						<img src="images/slide1.jpg">
						<div class="carousel-caption">
							<h3>First slide label</h3>
							<p>
								Lorem ipsum dolor sit amet consectetur…
							</p>
						</div>
					</div>
					<div class="item">

						<img src="images/slide1.jpg">
						<div class="carousel-caption">
							<h4>Slide1</h4>
							<h3>Second slide label</h3>
							<p>
								Aliquam sit amet gravida nibh, facilisis gravida…
							</p>
						</div>
					</div>
					<div class="item">

						<img src="images/slide1.jpg">
						<div class="carousel-caption">
							<h3>Third slide label</h3>
							<p>
								Praesent commodo cursus magna vel…
							</p>
						</div>
					</div>
				</div>
				<!-- Carousel nav -->
				<a class="carousel-control left" href="#myCarousel" data-slide="prev"> <span class="glyphicon glyphicon-chevron-left"></span> </a><a class="carousel-control right" href="#myCarousel"
				data-slide="next"> <span class="glyphicon glyphicon-chevron-right"></span> </a>
			</div>

			<div class="row find-place-to-stay">
				<div class="col-lg-12">
					<h1 class="special-text1">Find a place to stay.</h1>
					<h2 class="special-text2">Rent from people in over 34,000 cities and
					190 countries.</h2>
					<form class="search-form" action="/eclipseproject/search-result.php">
						<input type="text" class="form-control search-1"
						placeholder="Where do you want to go?" autocomplete="off">
						<input
						type="date" class="form-control check-in-out"
						placeholder="Check in" autocomplete="off">
						<input type="date"
						class="form-control check-in-out" placeholder="Check out"
						autocomplete="off">
						<select class="dropdown dropdown-toggle">
							<option class="option">1 Guest</option>
							<option class="option">2 Guest</option>
							<option class="option">3 Guest</option>
							<option class="option">4 Guest</option>
							<option class="option">5 Guest</option>
							<option class="option">6 Guest</option>
							<option class="option">7 Guest</option>
						</select>
	
						
						<button type="submit" class="btn btn-primary">
							Search
						</button>
						
					</form>
				</div>
			</div>
		</div>

		<div id="page-content">
			<div class="page-container">
				<div class="row">
					<h1>Neighborhood Guides</h1>
					<h2>Not sure where to stay? We've created neighborhood guides for cities all around the world.</h2>
				</div>
			</div>
			<div class="page-container">
				<div class="row">
					<div class="col-md-4 col-sm-4">
						<img src="images/hinhanh-index.PNG" class="img-responsive" />
					</div>
					<div class="col-md-4 col-sm-4">
						<img src="images/hinhanh-index.PNG" class="img-responsive" />
					</div>
					<div class="col-md-4 col-sm-4">
						<img src="images/hinhanh-index.PNG" class="img-responsive" />
					</div>
				</div>
				<div class="row">
					<div class="col-md-4 col-sm-4">
						<img src="images/hinhanh-index.PNG" class="img-responsive" />
					</div>
					<div class="col-md-4 col-sm-4">
						<img src="images/hinhanh-index.PNG" class="img-responsive" />
					</div>
					<div class="col-md-4 col-sm-4">
						<img src="images/hinhanh-index.PNG" class="img-responsive" />
					</div>
				</div>
				<div class="row">
					<div class="text-center" style="padding:40px 0 50px 0;">
						<a class="text-copy" href="#">All neighborhood guides</a>
					</div>
				</div>
			</div>

		</div>

		<div class="page-container" style="padding:30px 0 50px 0;">
			<div class="row">
				<div class="col-md-4">
					<h3 class="text-special"> Travel </h3>
					<p>
						From apartments and rooms to treehouses and boats: stay in unique spaces in 190 countries.
					</p>
					<a href="#">See how to travel on Airbnb</a>
				</div>
				<div class="col-md-4">
					<h3 class="text-special"> Host </h3>
					<p>
						Renting out your unused space could pay your bills or fund your next vacation.
					</p>
					<a href="#">Learn more about hosting</a>
				</div>
				<div class="col-md-4">
					<h3 class="text-special"> Trust and Safety </h3>
					<p>
						From Verified ID to our worldwide customer support team, we've got your back.
					</p>
					<a href="#">Learn about trust at Airbnb</a>
				</div>
			</div>
		</div>
		<div id="footer">
			<div class="page-container">
				<div class="row">
					<div class="col-md-3">
						<div class="dropdown">
							<button class="btn btn-default dropdown-toggle dropdow-bottom" type="button" id="dropdownMenu1" data-toggle="dropdown">
								English
								<span class="caret"></span>
							</button>
							<ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu1">
								<li role="presentation">
									<a role="menuitem" tabindex="-1" href="#">Suomi</a>
								</li>
								<li role="presentation">
									<a role="menuitem" tabindex="-1" href="#">Magyar</a>
								</li>
								<li role="presentation">
									<a role="menuitem" tabindex="-1" href="#">Polski</a>
								</li>
							</ul>
						</div>

						<div class="dropdown">
							<button class="btn btn-default dropdown-toggle dropdow-bottom" type="button" id="dropdownMenu1" data-toggle="dropdown">
								VND
								<span class="caret"></span>
							</button>
							<ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu1">
								<li role="presentation">
									<a role="menuitem" tabindex="-1" href="#">USD</a>
								</li>
								<li role="presentation">
									<a role="menuitem" tabindex="-1" href="#">TKI</a>
								</li>
								<li role="presentation">
									<a role="menuitem" tabindex="-1" href="#">TRY</a>
								</li>

							</ul>
						</div>
					</div>
					<div class="col-md-3">
						<h5>Company</h5>

						<a href="#">About</a>
						<br>
						<a href="#">Jobs</a>
						<br>
						<a href="#">Press</a>
						<br>
						<a href="#">Blog</a>
						<br>
						<a href="#">Help</a>
						<br>
						<a href="#">Policies</a>
						<br>
						<a href="#">Disaster Response</a>
						<br>
						<a href="#">Terms &amp; Privacy</a>
						<br>
					</div>
					<div class="col-md-3">

						<h5>Discover</h5>

						<a href="#">Trust &amp; Safety</a>
						<br>
						<a href="#">Airbnb Picks</a>
						<br>
						<a href="#">Mobile</a>
						<br>
						<a href="#">Support NYC</a>
						<br>
						<a href="#">Site Map</a>

					</div>
					<div class="col-md-3">
						<h5>Hosting</h5>

						<a href="#">Why Host</a>
						<br>
						<a href="#">Hospitality</a>
						<br>
						<a href="#">Responsible Hosting</a>
						<br>
						<a href="#">Stories</a>
						<br>

					</div>
				</div>
			</div>
			<br>
		</div>
	</body>
</html>